<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Student</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.jpg}" type="image/x-icon">
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .my-left {
            width: 100px;
            margin-top: 50px;
            padding-right: 200px;
        }
        .my-right {
            width: 200px;
            margin-top: 50px;
        }
        ul li {
            margin-left: 10px;
        }
        dl dd {
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <div style="height: 20px;width: 100%">
        <span>Student</span>
        <span>2</span>
        <span>
            <a href="/sys/loginOut"><input type="button" value="退出"></a>
        </span>
        <span shiro:principal property="name"></span>
    </div>
    <ul class="my-left">
        <li th:each="menu:${T(com.lan.controller.BaseController).getMenuList()}">
            <a th:href="${menu.href}">
                <i th:classappend="${menu.icon}"></i>
                <span th:text="${menu.name}"></span>
            </a>
            <dl th:if="${not #lists.isEmpty(menu.children)}">
                <dd th:each="submenu:${menu.children}">
                    <a th:href="${submenu.href}">
                        <i th:classappend="${submenu.icon}"></i>
                        <span th:text="${submenu.name}"></span>
                    </a>
                </dd>
            </dl>
        </li>
    </ul>

    <div class="my-right">

    </div>
</body>
</html>